.confirmOrder{
  position: relative;
  height: 100vh;
  .orderArea{
    padding:0 30rpx;
    .customerInfo ,.order_course_info,.givenGift,.paymentWays{
      background: #FFFFFF;
      box-shadow: 0rpx 6rpx 16rpx -2rpx rgba(53,40,73,0.05), 0rpx 0rpx 2rpx 0rpx rgba(13,12,75,0.24), 0rpx 6rpx 16rpx -2rpx rgba(53,40,73,0.05), 0rpx 0rpx 2rpx 0rpx rgba(13,12,75,0.24);
      border-radius: 32rpx;
      padding: 20rpx;
      margin-bottom: 30rpx;
    }
    .customerInfo{
      flex-wrap: wrap;
      .customerInfo_item{
        margin-bottom: 20rpx;
        display: flex;
        align-items: center;
        text{
          line-height: 8rpx;
          color: #767676;
        }
      }
    }
  
     .order_course_info_detail{
        display: flex;
        justify-content: space-between;
        padding: 32rpx 0;
        .courseImg{
          width: 206rpx;
          height: 172rpx;
          background: #D8D8D8;
          box-shadow: 0rpx 6rpx 16rpx -2rpx rgba(53,40,73,0.05), 0rpx 0rpx 2rpx 0rpx rgba(13,12,75,0.24);
          border-radius: 8rpx;
          margin-right: 28rpx;
          image{
            width: 100%;
            height: 100%;
          }
        }
        .courseInfo{
          flex-grow: 1;
          >view{
            margin-top: 6rpx;
            &:first-child{
              font-weight: 400;
              font-size: 28rpx;
              color: #222222;
              line-height: 48rpx;
              text-shadow: 0px 6px 16px rgba(53,40,73,0.05), 0px 0px 2px rgba(13,12,75,0.24);
            }
            &:nth-child(2){
              font-weight: 500;
              font-size: 24rpx;
              color: #767676;
              line-height: 32rpx;
              text-shadow: 0px 6px 16px rgba(53,40,73,0.05), 0px 0px 2px rgba(13,12,75,0.24);
            }
            &:nth-child(2){
              margin-top: 28rpx;
              font-weight: 500;
                font-size: 32rpx;
                color: #FE0101;
                line-height: 32rpx;
                text-shadow: 0px 6px 16px rgba(53,40,73,0.05), 0px 0px 2px rgba(13,12,75,0.24);
            }
            &:last-child{
              padding: 0 5rpx;
              display: inline-block;
              position: relative;
              font-size: 24rpx;
              color:#999999 ;
              &::after{
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                width: 100%;
                height: 1rpx;
                background-color: #999999;
              }
            }
          }
        }
        .select_items{
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          width: 28rpx;
          height: 28rpx;
          image{
            width: 100%;
            height: 100%;
          }
        }
      }
      .MemberEmpty{
        text-align: center;
        padding: 30rpx 0;
        color: #333333;
        .addMember{
          margin-top: 30rpx;
          height:  96rpx;
          border-radius: 96rpx;
          line-height: 96rpx;
          background: linear-gradient( 180deg, #FFE730 0%, #FFC603 100%);
          font-size: 32rpx;
          color: #333333;
        }
      }
      .title{
        margin-bottom: 20rpx;
        font-weight: 600;
      }
      .paymentWays{
   
        .payment_items{
          display: flex;
          align-items: center;
          margin-top: 15rpx;
          image{
            width: 32rpx;
            height: 32rpx;
            margin-right: 10rpx;
          }
        }

      }
  
  }
  .paymentBoard{
    position: absolute;
    display: flex;
    align-items: center;
    padding: 0 30rpx;
    justify-content: space-between;
    bottom: 0;
    left: 0;
    height: 200rpx;
    width: 100%;
    border-top:1rpx solid #eeeeee ;
    .amount{
      text{
        font-size: 48rpx;
        color: red;
        font-weight: 500;
      }
    }
    .payBtn{
      width: 200rpx;
      height: 60rpx;
      text-align: center;
      line-height: 60rpx;
      border-radius:30rpx;
      background: linear-gradient( 180deg, #FEE626 0%, #FFC300 100%);
      font-weight: 400;
      font-size: 32rpx;
       color: #333333;
    }
  }
}

